<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>恒望科技</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<div class="header">
    <div class="nav">
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <img src="img/nav-img1.png" alt="">
                </div>
                <div class="col-md-4"></div>
                <div class="col-md-6">
                    <ul class="nav1 clearfix">
                        <li class="li-1"><a href="" class="a1">首页</a><a href="" class="a2"></a></li>
                        <li class="li-2"><a href="" class="a1">解决方案</a><a href="" class="a2"></a></li>
                        <li class="li-2"><a href="" class="a1">产品展示</a><a href="" class="a2"></a></li>
                        <li class="li-2"><a href="" class="a1">新闻动态</a><a href="" class="a2"></a></li>
                        <li class="li-2"><a href="" class="a1">客户案例</a><a href="" class="a2"></a></li>
                        <li class="li-2"><a href="" class="a1">服务中心</a><a href="" class="a2"></a></li>
                        <li class="li-2"><a href="" class="a1">招贤纳士</a><a href="" class="a2"></a></li>
                        <li class="li-2"><a href="" class="a1">关于我们</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="banner">
    <img src="img/banner.png" alt="">
    <h2 class="hh">全方位解决方案</h2>
    <h2 class="h">为您轻松解决不同问题</h2>
    <p>比客户更懂客户</p>
</div>
<div class="main">
    <div class="main-1">
        <div class="main-1-top pt-5 pb-5">
            <div class="container text-center">
                <div class="row">
                    <div class="col-md-12">
                        <h2><img src="img/main-1-top-img.png" alt=""> 解决方案</h2>
                        <p>Solutions</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-1-bottom">
            <div class="container text-center">
                <div class="row">
                    <div class="col-md-3">
                        <a href=""><img src="img/main-1-img-1.png" alt=""></a>
                        <h3 class="h3 pt-3">网站、移动网站</h3>
                        <p>微信公众号开发移动网站微信公众号开发</p>
                    </div>
                    <div class="col-md-3">
                        <a href=""><img src="img/main-1-img-1.png" alt=""></a>
                        <h3 class="h3 pt-3">网站、移动网站</h3>
                        <p>微信公众号开发移动网站微信公众
                            号开发，解决方案</p>
                    </div>
                    <div class="col-md-3">
                        <a href=""><img src="img/main-1-img-1.png" alt=""></a>
                        <h3 class="h3 pt-3">网站、移动网站</h3>
                        <p>微信公众号开发移动网站微信公众
                            号开发移动网站微信公众号开发</p>
                    </div>
                    <div class="col-md-3">
                        <a href=""><img src="img/main-1-img-1.png" alt=""></a>
                        <h3 class="h3 pt-3">网站、移动网站</h3>
                        <p>微信公众号开发移动网站微信公众号开发移动网站微
                            信公众号开发，解决方案</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-2 pt-5 mt-4">
        <div class="container text-center">
            <div class="row">
                <div class="col-md-12">
                    <h2><img src="img/main-2-img.png" alt=""> &nbsp;客户案例</h2>
                    <p>Customer Case</p>
                </div>
            </div>
        </div>
    </div>
    <div class="main-3">
        <div class="main-3-top clearfix">
            <div class="img1">
                <a href=""><img src="img/main-3-top-img1.png" alt=""></a>
            </div>
           <div class="img1">
                <a href=""><img src="img/main-3-top-img2.png" alt=""></a>
           </div>
            <div class="img1">
               <a href=""><img src="img/main-3-top-img3.png" alt=""></a>
            </div>
            <div class="img1">
                <a href=""><img src="img/main-3-top-img4.png" alt=""></a>
            </div>
        </div>
        <div class="main-3-bottom clearfix">
            <div class="img2">
                <a href=""><img src="img/main-3-bottom-img1.png" alt=""></a>
            </div>
            <div class="img2">
                <a href=""><img src="img/main-3-bottom-img2.png" alt=""></a>
            </div>
            <div class="img2">
                <a href=""><img src="img/main-3-bottom-img3.png" alt=""></a>
            </div>
            <div class="img2">
                <a href=""><img src="img/main-3-bottom-img4.png" alt=""></a>
            </div>
        </div>
    </div>
    <div class="main-4">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <p>全方位解决方案，为您轻松解决不同问题</p>
                    <p>A full range solutions for you solve different problems</p>
                </div>
                <div class="col-md-5"></div>
                <div class="col-md-2">
                    <a href="">查看更多》</a>
                </div>
            </div>
        </div>
    </div>
    <div class="main-5 pt-5">
        <div class="main-5-top">
            <div class="container text-center">
                <div class="row">
                    <div class="col-md-12">
                        <h2><img src="img/main-4-top-img.png" alt=""> 新闻动态</h2>
                        <p>Hengwang News</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-5-bottom pt-3 pb-5">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <img src="img/main-5-bottom-img1.png" alt="">
                    </div>
                    <div class="col-md-3">
                        <h4>关于召开年会的通知</h4>
                        <p>互联网，又称网际网路或音译因特网、英特网，是
                        网络与网络之间所串成的庞大网络网络与网络
                        之...</p>
                        <a href="">查看更多》</a>
                    </div>
                    <div class="col-md-3">
                        <img src="img/main-5-bottom-img2.png" alt="">
                    </div>
                    <div class="col-md-3">
                        <h4>关于召开年会的通知</h4>
                        <p>互联网，又称网际网路或音译因特网、英特网，是
                            网络与网络之间所串成的庞大网络网络与网络
                            之...</p>
                        <a href="">查看更多》</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-6 pt-5">
        <div class="main-6-top">
            <div class="container text-center">
                <div class="row">
                    <div class="col-md-12">
                        <h2><img src="img/main-6-top-img1.png" alt=""> 服务客户</h2>
                        <p>Serve Customers</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-6-bottom pb-5">
            <div class="container">
                <div class="row">
                    <div class="col-md">
                        <a href=""><img src="img/main-6-bottom-img1.png" alt=""></a>
                    </div>
                    <div class="col-md">
                        <a href=""><img src="img/main-6-bottom-img2.png" alt=""></a>
                    </div>
                    <div class="col-md">
                        <a href=""><img src="img/main-6-bottom-img3.png" alt=""></a>
                    </div>
                    <div class="col-md">
                        <a href=""><img src="img/main-6-bottom-img4.png" alt=""></a>
                    </div>
                    <div class="col-md">
                        <a href=""><img src="img/main-6-bottom-img5.png" alt=""></a>
                    </div>
                    <div class="col-md">
                        <a href=""><img src="img/main-6-bottom-img1.png" alt=""></a>
                    </div>
                    <div class="col-md">
                        <a href=""><img src="img/main-6-bottom-img2.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container pt-5">
        <div class="row">
            <div class="col-md-4">
                <ul class="nav1">
                    <li><h4>联系我们</h4></li>
                    <li>地址：武汉市洪山区街道口鹏程国际B座2511</li>
                    <li>电话：18238765101</li>
                    <li>传真：(123)456-7890</li>
                    <li>邮箱：support@vectorlab.com</li>
                    <li><span><img src="img/footer-btn.png" alt=""> 027-82671661</span></li>
                </ul>
            </div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-4">
                        <ul class="nav2">
                            <li><h4>相关链接</h4></li>
                            <li><a href="">解决方案</a></li>
                            <li><a href="">服务中心</a></li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <ul class="nav3">
                            <li><a href="">产品展示</a></li>
                            <li><a href="">关于我们</a></li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <ul class="nav4">
                            <li><a href="">客户案例</a></li>
                            <li><a href="">招贤纳士</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>